<template>
    <div>
      <h3 class="wrapper">
        <img src="/static/standard/3.png" alt="">
      </h3>
      <div class="border"></div>
      <div class="important">
        <div class="important-title">
          <div class="icon">2020</div>
          <div class="desc">重要文献</div>
        </div>
        <div class="important-content">
          <ul>
            <li class="content-item" v-for="(item,index) of list" :key = "index">{{item}}</li>
          </ul>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'test',
  data () {
    return {
      list: [
        '比较优势与僵尸企业:基于新结构经济学视角的研究[J]. 申广军.  管理世界. 2016 (12)',
        '最低工资标准能否抑制新僵尸企业的形成[J]. 蒋灵多,陆毅.  中国工业经济. 2017(11)',
        '僵尸企业与税负扭曲[J]. 李旭超,鲁建坤,金祥荣.  管理世界. 2018(04)',
        '僵尸企业成本外部化及其市场失灵纠正[J]. 鲍世赞,蔡瑞林.  改革. 2016(09)'
      ]
    }
  }
}
</script>

<style lang="stylus" scoped>
*{
    text-align: center;
  }
  .wrapper{
    // height: 2rem;
    width: 15rem;
    // background: #f5f5f5;
    padding: .1rem .5rem .5rem .5rem;
  }
  .border{
    margin-top: .5rem;
    border-bottom: .2rem solid black;
  }
  .important{
    margin-top .4rem;
  }
    .important-title{
      font-size: .5rem;
      display: flex;
    }
      .icon{
        height: .4rem;
        line-height .4rem;
        width 1.5rem;
        border: 1px solid black;
        margin-right .5rem;
        background: #ccc;
      }
      .desc{
        height: .4rem;
        line-height .4rem;
        font-size .3rem;
      }
    .important-content{
      width 100%;
      text-align left;
    }
      .content-item{
        text-align left;
        font-size: .25rem;
        margin-top .5rem;
      }
</style>
